<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>电影</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/movie.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 包裹起来定大小居中 -->
        <div>
            <!-- 猫眼电影图标+地点下拉列表 -->
            <div class="cat">
                <a href="">
                    <img src="img/maoyan_logo.png" alt="">
                    <h1>猫眼电影</h1>
                </a>
                <ul>
                    <li>
                        <a href="">成都
                            <span>▼</span>
                        </a>
                        <div class="white">
                        </div>
                        <div class="city">
                            <div class="position-city">
                                <span>定位城市 ：
                                    <a href="">成都</a>
                                </span>
                            </div>
                            <div class="town">
                                <span>A</span>
                                <span>B</span>
                                <span>C</span>
                                <span>D</span>
                                <span>E</span>
                                <span>F</span>
                                <span>G</span>
                                <span>H</span>
                                <span>I</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 导航栏 -->
            <nav>
                <a href="./index.html">首页</a>
                <a href="./movie.html">电影</a>
                <a href="./cinema.html">影院</a>
                <a href="./list.html">榜单</a>
                <a href="./register.html">注册</a>
                <a href="./personal.html">个人中心</a>
                <a href="./seat.html">选座</a>
                <!-- <a href="">热点</a> -->
            </nav>

            <!-- APP下载 搜索框 用户头像 -->
            <div class="head-left">
                <!-- APP下载 -->
                <div class="app">
                    <a href="">
                        <img src="img/app_logo.png" alt="">
                        <p>APP下载</p>
                        <span>▼</span>
                    </a>
                    <div>
                    </div>
                </div>
                <!-- 搜索 -->
                <div class="search">
                    <input type="text" placeholder="找影视剧">
                    <input type="submit" value="">
                </div>
                <!-- 用户头像 -->
                <div class="user">
                    <a href="">
                        <img src="img/user_logo.png" alt="">
                        <span>▼</span>
                    </a>
                    <div>
                        <a href="">登陆</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 占位 -->
    <div class="seat"></div>
    <!-- 导航栏 -->
    <section class="topnav">
        <div>
            <a href="">正在热映
                <div></div>
            </a>
            <a href="">即将上映
                <div></div>
            </a>
            <a href="">经典影片
                <div></div>
            </a>
        </div>
    </section>
    <!--类型 区域 年代 -->
    <section class="choice">
        <div>
            <span>类型：</span>
            <div>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
            </div>
        </div>
        <div>
            <span>类型：</span>
            <div>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部全</a>
                <a href="">全部</a>
                <a href="">全部全</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
            </div>
        </div>
        <div>
            <span>类型：</span>
            <div>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
                <a href="">全部</a>
            </div>
        </div>
    </section>
    <!-- 中间内容 -->
    <main>
        <!-- 排序 -->
        <div class="sort">
            <form action="" method="get">
                <input type="radio" name="sortlist" checked="checked">按热门排序
                <input type="radio" name="sortlist">按时间排序
                <input type="radio" name="sortlist">按评价排序
            </form>
            <form action="" method="get">
                <input type="checkbox"> 可播放
            </form>
        </div>
        <!-- 电影列表 -->
        <section class="movieslist">
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
            <div class="film">
                <a href="">
                    <div>3DImax</div>
                    <div>
                        <div>
                            <h1>反击风暴2
                                <p>8.3</p>
                            </h1>
                            <span>类型：动作/爱情/剧情</span>
                            <span>主演：芭芭拉/阿巴阿巴/GG/NT</span>
                            <span>上映时间：15:12</span>
                        </div>
                    </div>
                </a>
                <span>
                    <a href="">反击风暴2</a>
                </span>
                <p>8.3</p>
            </div>
        </section>
        <!-- 翻页 -->
        <div class="page">
            <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">...</a>
            <a href="">下一页</a>
        </div>
    </main>

    <!-- 脚 -->
    <footer>
        <div>
            <p>◎2016猫眼电影 maoyan.com京ICP证160733号京ICP备16022489号-1京公网安备11010502030881号网络文化经营许可证电子公告服务规则</p>
            <p>北京猫眼文化传媒有限公司</p>
        </div>
    </footer>
</body>

</html>